<template>
	<text class="iconfont gender-icon" :class="{'icon-male':value==1,'icon-female':value==2}"></text>
</template>

<script>
	export default{
		props:{
			value:''
		}
	}
	
</script>

<style scoped>
	.gender-icon{
		margin-left: 8rpx;
		font-size: 32rpx;
	}
</style>
